<%-- 
    Document   : Employee
    Created on : May 9, 2012, 9:28:43 AM
    Author     : Nguyen Hung
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>

       
        <style type="text/css"> 
            div.item_content_care,div.item_head_care
            {
                margin:0px;
                padding:5px;
                text-align:left;
                background:#D9DCDD;
                border:solid 1px #c3c3c3;
                width:840px;


            }
            div.item_head_care{
                cursor: pointer;
                float:left;
                width:840px;
                margin-top:2px;
            }
            div.item_line{
                height: 3px;
                width: 100%;
            }
            div.item_content_care
            {
                height:120px;
                display:none;
                float:left;
                width:840px;
                background: #fff;
            }
            div.chare_content{
                float:left;
                width:98%;
                height: auto;
                margin-left:25px;
                padding-bottom: 8px;

            }
            .chare_content .chare_content_head{
                background:#586C7F; 
                float:left;
                height: 12px;
                padding:8px;
                width:100%;

            }
            .chare_content .chare_content_head span{
                font-size: 12px;
                color:#fff;


                text-transform: uppercase;
            }
            div.item_content_care {
                background: none repeat scroll 0 0 #FFFFFF;
                display: none;
                float: left;
                height: auto;
                width: 840px;
            }
            .item_work_content .item_work_content_row_content{
                width: 97%;
            }
            .item_work_content .item_work_content_row_head{
                width: 97%;
            }
            .row1{
                width:345px;
            }
            div.rateit {
                -moz-user-select: none;
                display: inline-block;
                position: relative;
            }
            div.rateit div.rateit-reset {

                width:0px !important;
            }

        </style>
    </head>

    <f:view>
        <body>
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <h:outputText value="<div class='permission'></div>" escape="false"/>
            <a4j:form>

                <div class="chare_content">
                    <a4j:repeat value="#{q275Controller.listQ150N}" var="item">
                        <div class="item_head_care" lang="<h:outputText value="#{item.fq300}"/>" title="<h:outputText value="#{item.pq350}"/>">
                            <div class="title_head" style="margin-top:1px;background: #D9DCDD;margin-right:5px;color:#0b77e3;width:840px">


                                <div class="title_head_col4" style="border-right:none;width: 383px;" lang="">

                                    <h:outputText value="#{item.qv302}" />

                                </div>


                            </div>
                        </div>
                        <div class="item_content_care item_content_care<h:outputText value="#{item.fq300}"/>">




                        </div>
                    </a4j:repeat>
                    <div class="item_line"></div>
                </div>

                <rich:modalPanel id="ajaxLoadingModalBox" minHeight="30" minWidth="40"
                                 height="30" width="40" zindex="2000">
                    <h:outputText value="#{locale.please_wait}" styleClass="startDummer"></h:outputText>
                </rich:modalPanel>
            </a4j:form>




        </body>
    </f:view>
</html>
